<template>
  <ul class="list-group">
        <!-- <li class="list-group-item"> 消息内容 ：{{$route.query.content}}</li>
        <li class="list-group-item">消息id：{{$route.params.id}}</li> -->
        <!-- 简写 -->
        <li class="list-group-item"> 消息内容 ：{{content}}</li>
        <li class="list-group-item">消息id：{{id}}</li>
        <li class="list-group-item">props写对象 {{a}}----{{b}}</li>

    </ul>
</template>

<script>
export default {
  name: 'MsgDetail',
  props:['id','content','a','b'],
  mounted(){
    console.log(this.$route);
  }
}
</script>

<style scoped>

</style>
